@import "common.css";
.scroll-bar:horizontal .track,
.scroll-bar:vertical .track{
    -fx-background-color :transparent;
    -fx-border-color :transparent;
    -fx-background-radius : 0.0em;
    -fx-border-radius :2.0em;
}
.scroll-bar:horizontal .increment-button ,
.scroll-bar:horizontal .decrement-button {
    -fx-background-color :transparent;
    -fx-background-radius : 0.0em;
    -fx-padding :0.0 0.0 10.0 0.0;

}
.scroll-bar:vertical .increment-button ,
.scroll-bar:vertical .decrement-button {
    -fx-background-color :transparent;
    -fx-background-radius : 0.0em;
    -fx-padding :0.0 10.0 0.0 0.0;

}
.scroll-bar .increment-arrow,
.scroll-bar .decrement-arrow{
    -fx-shape : " ";
    -fx-padding :0.15em 0.0;
}
.scroll-bar:vertical .increment-arrow,
.scroll-bar:vertical .decrement-arrow{
    -fx-shape : " ";
    -fx-padding :0.0 0.15em;
}
.scroll-bar:horizontal .thumb,
.scroll-bar:vertical .thumb {
    -fx-background-color :derive(main-shallow-color, 50.0%);
    -fx-background-insets : 6, 0.0, 0.0, 0.0;
    -fx-background-radius : 2.0em;
}
.scroll-bar:hover:horizontal .thumb,
.scroll-bar:hover:vertical .thumb {
    -fx-background-color :derive(main-shallow-color, 0%);
    -fx-background-insets : 4, 0.0, 0.0, 0.0;
    -fx-background-radius : 2em;
}
.scroll-bar{
    -fx-background-color: transparent;
    -fx-background-radius: 2em;
    -fx-background-insets: 6, 0, 0, 0;
}
.scroll-bar:hover{
    -fx-background-insets: 4, 0, 0, 0;
}